body {
    background-color: #2196f3;
    font-family: Roboto-Regular;
}

@font-face {
    font-family: Roboto-Regular;
    src: url('__PUBLIC__/font/roboto/Roboto-Regular.ttf');
}

/* label color */
.input-field label {
    color: #2196f3;
}

/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label, .input-field input[type=radio]:focus + label {
    color: #2196f3;
}

/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=password]:focus, .input-field input[type=radio]:focus {
    border-bottom: 1px solid #2196f3;
    box-shadow: 0 1px 0 0 #2196f3;
}

/* valid color */
.input-field input[type=text].valid, .input-field input[type=password].valid, .input-field input[type=radio].valid {
    border-bottom: 1px solid #2196f3;
    box-shadow: 0 1px 0 0 #2196f3;
}

/* invalid color */
.input-field input[type=text].invalid, .input-field input[type=password].invalid, .input-field input[type=radio].invalid {
    border-bottom: 1px solid #2196f3;
    box-shadow: 0 1px 0 0 #2196f3;
}

/* icon prefix focus color */
.input-field .prefix.active {
    color: #2196f3;
}

footer {
    position: relative;
    margin-top: 40px;
    text-align: center;
}